<%@ page language="java" contentType="text/html; charset=utf-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<script type="text/javascript" src="${basePath}/resource/js/share/jquery.maxlength.js"></script>
<script type="text/javascript" src="${basePath}/resource/js/common/messages_${sessionScope.lang}.js"></script>

<div class="container hid" id="wrapper-comment">
    <article class="module-publisher" title="写分享">
        <div class="txt-publisher-wrapper">
            <textarea id="txt-publisher" name="content" class="J-textarea txt-publisher"
                      maxlength="140" placeholder="<spring:message code="shareNews"/>..."></textarea>
            <!-- <div class="max-length"></div> -->
			<div class="max-length"><div class="maxlength"></div></div>

            <div class="J-preview hid" title="预览">
            </div>
            <div class="statusBar hid" title="状态">
                <div class="progress">
                    <span class="text">0%</span>
                    <span class="percentage"></span>
                </div>
                <div class="info"></div>
            </div>
        </div>
        <div class="info-publisher">
            <a class="scope fr" href="javascript:;">
                <i class="iconfont public">&#xe61a;</i>
                <i class="iconfont private hid">&#xe61b;</i>
                <i class="iconfont enable hid">&#xe61c;</i>
                <i class="iconfont disable hid">&#xe61d;</i>
                <span><spring:message code="public"/></span></a>
            <a class="comment select" href="javascript:;"><i class="iconfont select">&#xe612;</i><i class="iconfont selected">
                &#xe611;</i><spring:message code="sameComment"/></a>
        </div>
        <section class="action-publisher layout-box line-bottom" title="操作栏">
            <div class="box-col" title="@好友">
                <i class="iconfont friend">&#xe60f;</i>
            </div>
            <div class="box-col" title="表情">
                <i class="iconfont emotion">&#xe60e;</i>
            </div>
            <div class="box-col" title="占位">
            </div>
            <div class="box-col" title="占位">
                <span></span>
            </div>
            <div class="box-col" title="剩余字数">
                <a class="send" href="javascript:"><spring:message code="send"/></a>
            </div>
        </section>
        <jsp:include page="emotion.jsp" >
			<jsp:param name="open_from" value="comment" />
		</jsp:include>
    </article>
</div>
<script>

    $(function () {
		
        $("#txt-publisher").maxlength({
            counterContainer: $(".txt-publisher-wrapper .max-length"),
            text: '%left'
        });
    });
</script>
<jsp:include page="scope.jsp"/>
<jsp:include page="friends.jsp"/>
